<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>医院诊疗系统</title>
  <link rel="stylesheet" href="./css/layui.css">
  <script src="./layui.js"></script>
  <script src="./js/jquery-3.5.1.js"></script>

</head>
<body>
    <div class="layui-layout layui-layout-admin">
    <!-- 头部区域（可配合layui 已有的水平导航） -->
    <div class="layui-header">
        <div class="layui-logo layui-hide-xs layui-bg-black">医院诊疗系统</div>
        
        <ul class="layui-nav layui-layout-left">
        <!-- 移动端显示 -->
        <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
            <i class="layui-icon layui-icon-spread-left"></i>
        </li>
        
        <li class="layui-nav-item layui-hide-xs"><a href="doctor_pending.html">门诊管理</a></li>
        <li class="layui-nav-item layui-hide-xs"><a href="medical_card.html">费用管理</a></li>
        <li class="layui-nav-item layui-hide-xs layui-this"><a href="drug_in_storage.html">药库管理</a></li>
        <li class="layui-nav-item layui-hide-xs"><a href="administrator.html">管理员</a></li>
       
      </ul>
  
  
  
      <!-- 右上角导航栏 -->
      <ul class="layui-nav layui-layout-right">
          
       
        <li class="layui-nav-item layui-hide layui-show-md-inline-block">
          <a href="javascript:;">
            <img src="image/gly.jpg" class="layui-nav-img">
            管理员
          </a>
          <dl class="layui-nav-child">
            <dd><a href="">修改密码</a></dd>
            <dd><a id="edit">编辑信息</a></dd>
            <dd><a href="">退出登录</a></dd>
          </dl>
        </li>
        
      </ul>
      <!-- 右上角导航栏 -->
      
    </div>
    <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
        
          <ul class="layui-nav layui-nav-tree" lay-filter="test">
            <li class="layui-nav-item layui-nav-itemed">
              <a href="drug_in_storage.html">药品入库</a>
            </li>
            <li class="layui-nav-item layui-nav-itemed">
              <a href="drug_out_storage.html">药品出库</a>
            </li>
            <li class="layui-nav-item layui-nav-itemed">
              <a href="drug_query.html" >药品查询</a>
            </li>
            <li class="layui-nav-item layui-nav-itemed">
              <a href="drug_adjust_price.html">药品调价</a>
            </li>
            <li class="layui-nav-item layui-nav-itemed">
              <a href="drug_delete.html" class="layui-this">药品删除</a>
            </li>
          </ul>

  
        </div>
      </div>
     <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
    
        <!-- 内容主体区域 -->
    <div class="layui-body" style="padding: 15px;">
      <!-- 面包屑 -->
    
      <div style=" padding: 15px;  background-color: #ffffff; border: solid #eeeeee 1px; box-shadow: inset 0 0 10px rgba(255, 255, 227, 0.925);">
        <fieldset class="layui-elem-field layui-field-title" style="margin: 0; border-top: none; padding: 0;height: 25px;line-height: 25px;">
          <span class="layui-breadcrumb" >
              <a href="/">药库管理</a>
              <a><cite>药品删除</cite></a>
          </span>
        </fieldset>
      </div>
    
      <!-- 面包屑 -->

            <blockquote class="layui-elem-quote" style="margin-top: 10px;">
              药品库
            </blockquote>

            <!-- 由id渲染表格 -->
            <table class="layui-hide" id="test" lay-filter="test"></table>
            
            



     
</div>
  
  <!-- 主体 -->
  
</div>





    <!-- // 表格处理 -->
    <!-- 表格1 -->

    <script type="text/html" id="toolbarDemo">
      <div class="layui-btn-container">
        <div style="padding-right:30px; display:inline-block ">
            <input class=" layui-btn-sm" type="text"  name="" id="drug_id_text" placeholder="搜索药品ID" >
            <a class="layui-btn layui-btn-sm" style="margin:0 0 9.6px 1em ;" id="drug_id" >搜索</a>
        </div>

          <input class=" layui-btn-sm" type="text"  name="" id="drug_name_text" placeholder="搜索药品名称" >
          <a class="layui-btn layui-btn-sm" style="margin:0 0 9.6px 1em ;" id="drug_name" >搜索</a>
      </div>
    </script>


    
 
    <script type="text/html" id="barDemo">
      <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</a>
    </script>


    
              
          
 
    <script>
      var a;
        var table_data = []
      // 表格1的渲染
    layui.use('table', function(){
      var table = layui.table;

        $.ajax({
            url: "/Drug/getAll",
            type: "get",
            contentType: 'application/json;charset=UTF-8',
            // data: JSON.stringify(data.field),
            // dataType: "json",
            success: function (data) {

                for (var i = 0; i < data.length; i++) {
                    let insurance = '否'
                    if (data[i]['yp_insurance'] === 1) {
                        insurance = '是'
                    }
                    let temp_data = {
                        "yp_id": data[i]['yp_id'],
                        "yp_name": data[i]['yp_name'],
                        "yp_count": data[i]['yp_amount'],
                        "yp_standard": data[i]['yp_standard'],
                        "yp_form": data[i]['yp_form'],
                        "yp_producer": data[i]['yp_producer'],
                        "yp_company": data[i]['yp_company'],
                        "yp_price": data[i]['yp_uprice'],
                        "yp_mcompany": data[i]['yp_mcompany'],
                        "yp_coef": data[i]['yp_coef'],
                        "yp_pycode": data[i]['yp_pycode'],
                        "yp_wbcode": data[i]['yp_wbcode'],
                        "yp_anumber": data[i]['yp_anumber'],
                        "yp_insurance": insurance,
                    }

                    table_data.push(temp_data)

                    console.log(table_data)
                    table.reload("test", {
                        where: {
                            data: table_data
                        }
                    })

                    // let index = parent.layer.getFrameIndex(window.name)
                    // parent.layer.close(index)
                    // // console.log(data)
                    // parent.location.reload()
                }
            }
        })

        $(document).on('click','#drug_id',function(){

            var val= $(this).parent().find("#drug_id_text").val();
            console.log(val);

            $.ajax({
                url: "/Drug/getDrugById?id="+val,
                type: "get",
                contentType: 'application/text;charset=UTF-8',
                success: function (data) {
                    console.log(data)
                    let temp_length = table_data.length
                    for (let i = 0; i < temp_length ; i++) {
                        table_data.pop()
                    }

                    let insurance = '否'
                    if (data['yp_insurance'] === 1) {
                        insurance = '是'
                    }
                    let temp_data = {
                        "yp_id": data['yp_id'],
                        "yp_name": data['yp_name'],
                        "yp_count": data['yp_amount'],
                        "yp_standard": data['yp_standard'],
                        "yp_form": data['yp_form'],
                        "yp_producer": data['yp_producer'],
                        "yp_company": data['yp_company'],
                        "yp_price": data['yp_uprice'],
                        "yp_mcompany": data['yp_mcompany'],
                        "yp_coef": data['yp_coef'],
                        "yp_pycode": data['yp_pycode'],
                        "yp_wbcode": data['yp_wbcode'],
                        "yp_anumber": data['yp_anumber'],
                        "yp_insurance": insurance,
                    }

                    table_data.push(temp_data)

                    console.log(table_data)
                    table.reload("test", {
                        page: {
                            curr:1
                        },
                        where: {
                            data: table_data
                        }
                    })
                    console.log('after')


                },
            })
        });
        $(document).on('click','#drug_name',function(){

            var val= $(this).parent().find("#drug_name_text").val();
            console.log(val);

            $.ajax({
                url: "/Drug/getDrugByName?name="+val,
                type: "get",
                contentType: 'application/text;charset=UTF-8',
                success: function (data) {
                    console.log(data)
                    let temp_length = table_data.length
                    for (let i = 0; i < temp_length ; i++) {
                        table_data.pop()
                    }

                    let insurance = '否'
                    if (data['yp_insurance'] === 1) {
                        insurance = '是'
                    }
                    let temp_data = {
                        "yp_id": data['yp_id'],
                        "yp_name": data['yp_name'],
                        "yp_count": data['yp_amount'],
                        "yp_standard": data['yp_standard'],
                        "yp_form": data['yp_form'],
                        "yp_producer": data['yp_producer'],
                        "yp_company": data['yp_company'],
                        "yp_price": data['yp_uprice'],
                        "yp_mcompany": data['yp_mcompany'],
                        "yp_coef": data['yp_coef'],
                        "yp_pycode": data['yp_pycode'],
                        "yp_wbcode": data['yp_wbcode'],
                        "yp_anumber": data['yp_anumber'],
                        "yp_insurance": insurance,
                    }

                    table_data.push(temp_data)

                    console.log(table_data)
                    table.reload("test", {
                        where: {
                            data: table_data
                        }
                    })

                },
            })
        });
      
      table.render({
        elem: '#test'
        // ,url:'mods/table/user/a.json'   //数据来源接口
        
        ,toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
        ,defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
          title: '提示'
          ,layEvent: 'LAYTABLE_TIPS'
          ,icon: 'layui-icon-tips'
        }]
        ,title: '用户数据表'
        ,cols: [
          [  //表头
          {type: 'checkbox', fixed: 'left'}
          ,{field: 'yp_id', title: '药品代码', width:130, sort: true, fixed: 'left' ,align:"center"}
            ,{field: 'yp_name', title: '药品名称', width:100 ,align:"center"}
            ,{field: 'yp_count', title: '药品数量', width:100 ,align:"center"}
            ,{field: 'yp_standard', title: '规格', width:100 ,align:"center"}
            ,{field: 'yp_form', title: '剂型', width: 60 ,align:"center"}
            ,{field: 'yp_producer', title: '生产产家', width:200 ,align:"center"}
            ,{field: 'yp_company', title: '单位', width: 200  ,align:"center"}
            ,{field: 'yp_price', title: '单价', width:110 ,align:"center"}
            ,{field: 'yp_mcompany', title: '最小单位', width:110 ,align:"center"}
            ,{field: 'yp_coef', title: '系数', width:60 ,align:"center"}
            ,{field: 'yp_pycode', title: '拼音码', width:170 ,align:"center"}
            ,{field: 'yp_wbcode', title: '五笔码', width: 150 ,align:"center"}
            ,{field: 'yp_anumber', title: '批准文号', width:110 ,align:"center"}
            ,{field: 'yp_insurance', title: '医保可报', width: 120  ,align:"center"}
            ,{fixed: 'right', width: 180, align:'center', toolbar: '#barDemo'}
          ]
        ]
        ,page: true
        ,data: table_data
        // ,data:[
        //     {
        //         "yp_id": 1320030581,
        //         "yp_name": "拉米夫定片",
        //         "yp_count": "255",
        //         "yp_standard":"	0.1g*14s",
        //         "yp_form": "片剂",
        //         "yp_producer": "葛兰素史克制药(苏州)有限公司",
        //         "yp_company": "葛兰素史克制药(苏州)有限公司",
        //         "yp_price": "￥139.00",
        //         "yp_mcompany": "0.3g",
        //         "yp_coef": "1",
        //         "yp_pycode":"lamifudingpian",
        //         "yp_wbcode": "sdlkfjsd",
        //         "yp_anumber": "H20030581",
        //         "yp_insurance": "否"
        //     }
        //   ]
          
      });
      
      
      //监听行工具事件
      table.on('tool(test)', function(obj){
        var data = obj.data;
        //console.log(obj)
        if(obj.event === 'del'){
          layer.confirm('确定清除药品吗？', {
                btn: ['确定','取消'] //按钮
            }, function(index){
              //添加请求
              $.ajax({
                  url: "/Drug/delete?id="+obj.data["yp_id"],
                  type: "get",
                  contentType: 'application/text;charset=UTF-8',
                  success: function (data) {

                  },
              })
                obj.del();
                layer.close();
                layer.close(index);
            }, function(){
            });
            return false;
          }
      });


    });

</script>


<!-- // 表格处理 -->


   
    


<!-- 修改信息事件 -->
<script>
  $("#edit").on('click',function(e){
    //打开窗口
    layer.open({
            type: 2,
            area: ['1000px', '600px'],
            fixed: false, //不固定
            maxmin: true,
            title:"个人信息",
            content: 'edit_information.html'
            // 3.父传子值
            //  success:function(layero, index){
            //       //关键在这，调用子的iframe的方法，进行传参,前两行固定写法
            //       var body = layer.getChildFrame('body', index);
            //       var iframeWin = window[layero.find('iframe')[0]['name']];
            //       var div=$(obj).text();
            //       iframeWin.childIframe(div);    //看这
            //   }
      });
  });

</script>


</body>
</html>